.select-person {
  width: 100%;
  .select-person-box {
    width: 100%;
    .select-person-item {
      // .popup-con-title {
      //   width: 100%;
      //   position: fixed;
      //   display: block;
      //   margin: 44rpx 0 20rpx 32rpx;
      //   font-size: 28rpx;
      //   color: #101010;
      // }
      // .selected-user {
      //   position: fixed;
      //   bottom: 50%;
      //   left: 0;
      //   z-index: 10;
      //   width: 100%;
      //   padding: 10rpx 32rpx 20rpx;
      //   box-sizing: border-box;
      //   background-color: #fff;
      //   .selected-text {
      //     font-size: 24rpx;
      //     color: #999;
      //     margin: 20rpx 0;
      //   }
      //   .selected-user-list {
      //     display: flex;
      //     align-items: center;
      //     justify-content: space-between;
      //     .selected-user-img {
      //       img {
      //         width: 80rpx;
      //         height: 80rpx;
      //         border-radius: 50%;
      //         margin-right: 20rpx;
      //         // background-color: #999;
      //       }
      //     }
      //     .iconfont {
      //       font-size: 22rpx;
      //     }
      //   }
      // }
      .person-collapse {
        overflow-y: scroll;
        z-index: -10;
        width: 100%;
        margin-top: 320rpx;
        background-color: #fff;
        .person-collapse-item {
          width: 100%;
          padding: 0 32rpx;
          box-sizing: border-box;
          .nut-collapse {
            .nut-collapse-item__title {
              padding: 26rpx 0 26rpx;
              .collapse-title {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .iconfont {
                  font-size: 22rpx;
                }
                .iconfont.active {
                  rotate: 90deg;
                  transition: all 0.3s;
                }
                .collapse-title-text {
                  display: flex;
                  align-items: center;
                  .collapse-title-name {
                    padding-left: 30rpx;
                    box-sizing: border-box;
                    color: #101010;
                    font-weight: 600;
                    text {
                      color: #999;
                      padding-left: 10rpx;
                      box-sizing: border-box;
                      font-weight: 400;
                    }
                  }
                }
                //   .collapse-title-text{
                display: flex;
                align-items: center;
                img {
                  width: 50rpx;
                  height: 50rpx;
                }
              }
            }
            /* 修改默认箭头颜色和大小 */
            .custom-arrow .nut-collapse-item__title .nut-collapse-item__title-icon .nut-icon {
              display: none;
            }
            .nut-collapse__item-wrapper {
              position: relative;
              .sub-item-img {
                width: 19rpx;
                height: 38rpx;
                position: absolute;
                top: 10%;
                left: 8%;
              }
            }
            .nut-collapse__item-wrapper__content {
              padding: 24rpx 20rpx 24rpx 100rpx;
              box-sizing: border-box;
            }
            .collapse-content {
              .collapse-content-item {
                .user-img {
                  width: 80rpx;
                  height: 80rpx;
                  border-radius: 50%;
                }
                .collapse-content-list {
                  .collapse-content-list-item {
                    padding: 20rpx 0;
                    box-sizing: border-box;
                    .nut-checkbox {
                      width: 100%;
                      .nut-checkbox__label {
                        display: flex;
                        align-items: center;
                        text {
                          margin-left: 28rpx;
                        }
                      }
                      img {
                        // background-color: #999;
                      }
                      .nut-checkbox__icon {
                        color: #1e74fd;
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
